<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <h1>{{name}}</h1>
        <h2>价格是{{(num/100).toFixed(2)}}</h2>
        <h2>价格是{{num|parse}}</h2>
        <h2>价格是{{num|parse(1,2,3,4,5,6,7)}}</h2>
        <h2>价格是{{num|parse}}</h2>
        <h2>价格是{{num|parse|qqq}}</h2>
    </div>
</body>
</html>
<script src="../../node_modules/vue/dist/vue.js"></script>
<script>
    //创造一个全局过滤器
    Vue.filter('parse',function(val){
      // val 永远是 | 前边的表达式或变量 对应的值
      console.log(arguments)
      return '￥' + (val/100).toFixed(2)
    })
    Vue.filter('qqq',function(val){
      // val 永远是 | 前边的表达式或变量 对应的值
      console.log(val)
      return val+'qqq'
    })
    let vm = new Vue({
        el:'#app',
        data:{
            name:"珠峰",
            num:10000
        }
    });
</script>